/* CSS Document */
@media screen and (max-width:1500px){
.headbox,.box,.neibanner{width:1200px; }
.bannerbox{width:1200px; height:433px;}
.bannerbox .right{ width:1030px; height:465px; float:right; position:relative; z-index:1;}

.navtop{overflow: hidden;}
.nav_serch{ width:13%;}
.nav_si{ width:72%;}
.nav_ss{ width:19%;}
.in_ry li{ width:13%; min-width:13%;}
.bannerbox .left{ left:0;}
.mhonner li{ width:13%; min-width:13%;}
}
@media screen and (max-width:1200px){	
.navtop{overflow:visible;}
.box, .headbox { width:96%; padding:0 2%;}
.headtop h1{ font-size:14px;}
.headtop ul li{ padding-right:10px; margin-right:10px;}
.logo{ padding-right:3%;}
#nav{ width:70%;}
.nav_serch{ display:none;}
.indexbanner, .indexShowBox{width:100%; height:515px}
.bannerbox, .indexShowBox li img{width:100%; height:433px;}
.banner_bg em{ padding-left:10px;}
.indexShowLeft, .indexShowRight{ display:none;}
.index_tip{ line-height:20px;}
.zxagbg{ background-position:-50px 0;}
.zxag{ left:20px;}
/*about*/	
.neibanner{ width:96%; padding:50px 2% 0;}
.neiab_hj img{ max-width:46%; padding:0 2% 2%;}
.neiab_me ul li{ width:14%;}
.nei_nav li a{ padding:0 14px;}
.neiab_me ul li{ width:24%;}
.lanren ul li{ min-width:18%;}
.team li{ min-width:18%;}
}

@media screen and (max-width:1024px){
.banner_bg{ font-size:20px;}
a.banner_zx{ margin-top:35px;}
.itagBox ul li{ min-width:23%; margin:0 1%}
.itagBox ul li.m0{ margin-right:1% !important;}
/*.itagBox{ height:480px}*/
.grayov{ height:320px;}
.g_one{ width:23%;padding:0 2% 0 0 ;}
.g_three{ width:75%; padding:0;}
.mhonner li {padding:20px 1.15% 0px;}
.in_services dt, .in_services dd{ width:auto; padding-right:13px;}
.in_services dd a i{ margin-right:4px;}
.anquan{ max-width:48%; padding-top:68px;}
}

@media screen and (max-width:768px){	
.bannerbox .left, .show, .navno, .neiab_tel, .none{display: none;}
.hide{display:block;}
.box, .headbox { width:90%; padding:0 5%;}
.headtop ul, .floating_ck,.headtop{ display:none;}
.logo{ width:35%; padding-top:25px; text-align:left;}
.navbg, .nav_t{ background:#fff;}
#nav{ display:none;}
.m_menu{ display:block; float:right; width:25px; height:20px; margin:50px 5px 0 0;}
.m_menui{ display:block; width:100%; height:100%; background:url(../images/icon.png) no-repeat 0 -184px; border:none;}
#m_menuul{ width:100%; background-color:#00aa3a; position:absolute; top:100px; right:0; z-index:100;}
#m_menuul li{ line-height:40px; text-align:center; border-bottom:1px solid #0dca4d;}
#m_menuul li a{ display:block; width:100%; color:#fff;}
#m_menuul li ul{ display:none;}
#m_menuul li ul li{ background-color:#018f31;border-top:1px solid #0b7f33; border-bottom:0 none;}
#m_menuul li:hover ul{ display:block;}
.indexbanner, .indexShowBox, .bannerbox, .indexShowBox li img{ height:282px;}
.banner_bg{ display:none;}
.bannerbox .right{ width:100%; height:auto;}
.slide img{ min-height:180px;}

.itagBox ul li{width:30%; margin:0 1.5% 20px;}
.g_one{ width:30%;padding:0 3% 0 0 ;}
.g_three{ width:66%; padding:0;}
.g_three ul li{ width:46%;}
.grayov,.footer{ display:none;}
.zxagbg{ height:280px;}
.neiabbg{ height:220px; margin-top:20px;}

.msn-focus .bd li dl{float:left;width:47%; margin:0 0 10px 2%;}
.msn-focus .bd li dl dt{ height:130px;}

/* 公司形象 */
.xiang{ width:100%;}
.xiang dl{ width:100%; margin:0 0 20px 0;}
.xiang dl dt{ height:auto;}
/* 荣誉资质和知名客户 */
.honner{ display:none}
.mhon{ display:block}
.mhon p{ width:96%; padding:5px; margin:0 0 20px 0;}
.mhon p img{ width:100%; height:auto;}
.page .fl{ margin-bottom:5px;}

.in_newsbox{ width:100%; margin:0 0 20px;}
.mhonner li{ padding:20px 1% 0; width:23%;}
.in_ry li{ padding:20px 1% 0; width:23%;}
.zxag{ width:80%; padding:25px 7% 0;}
.kjdh{ width:48%;}
.kjdh ul{ padding:20px 0;}
.in_services{ height:auto; overflow:hidden;}
.in_services dt, .in_services dd{ width:23%; padding-top:2%;}
.anquan{ display:none;}
.in_zzt{ width:100%;}
/*about*/
.nei_nav{ padding:15px 0;}
.nei_nav li{ margin-bottom:10px;}
.nei_nav li a{ line-height:25px;}
.case_class li p{ width:100%;}
.lanren ul li, .lanren ul li.m0{ margin:0px 2% 0 !important;}
.lanren ul li .txt{ display:none;}
.lanren ul li h2{ font-size:14px; text-align:center}
.neiabtel_1{ background-position:0 -313px;}
.neiabtel_2{ background-position:-79px -313px;}
.neiabtel_3{ background-position:-158px -313px;}

.case dl{ width:47%; margin:0 0 10px 2%;}
.case dl dt{ height:115px;}
.case dl dd{ line-height:35px;}

.contact{ margin:40px 0 30px 0;}

#aPrev{ left:50px;}
#aNext{ right:50px;}
#originalpic{ height:auto;}
#originalpic img{ max-width:100%;width: auto;height: auto;}
#aPrev, #aNext{top:50%;margin-top: -30px;}
.team{ margin-bottom:20px;}
.team .txt{ display:none}
.team .con h2{ font-size: 14px;}

.teamh1{ line-height:40px; font-size:28px;}
.teamdetailtop_r{ width:100%;}
.team li, .team li.m0{ margin: 0px 2% 2% !important;}
.team li{ width:29%;}
.news li{ margin-top:10px;}
.news li h2{ line-height:22px; padding:5px 0;}
.ali_h1{ font-size:22px; line-height:35px;}
#tab2 .tab_menu2 li{ width:65px; height:65px; background-position:-65px -392px; font-size:12px; margin:0 12px;}
#tab2 .tab_menu2 .selected2{ width:65px; height:65px; background-position:0 -392px; color:#00aa3a;}
#tab2 .tab_menu2 li i{ margin-top:18px;}
#tab2 .tab_menu2 .selected2 .ali_i5{ display:none;}
.alitab_form{ padding:4%;}
.alitab_name{ width:15%;}
.alitab_bd{ width:60%;}
.alitab_h{ width:23%;}
.alitab_btn{ width:100%; height:35px; line-height:35px;}
.alih2{ font-size:22px; margin:20px 0 50px;}
.lanren ul li{ min-width:31%; height:205px; margin: 0px 1% 0 !important;}
.lanren ul li.m0{margin: 0px 1% 0 !important;}
.in_zzt .no{ display:none}
.in_zzt h1{ line-height:30px;}
#page{ margin:20px auto;}
#tab .tab_box{ height:770px;}

.mpro{ display:block; width:100%; overflow:hidden}
.mpro li{ width:30%; margin:10px 0 0 3%; float:left}
.mpro li a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; background:#f2f2f2; font-size:14px; color:#666}
.mpro li.hov a{ background:#333; color:#FFF}
.article .litpic{ width:100%; height:auto}
#page{ display:none}

/* 技术与支持 */
.help li .nl_con{ height:auto;}

/* 产品视频 */
.videocon li{ width:100%; margin:0 0 20px 0;}
.videocon li .one img{ height:auto;}

/* 合作品牌 */
.brand{ margin-bottom:0;}
.brand img{ width:47%; height:95px; margin:0 0 20px 2%;}

.mnewsbox{ display:none;}
.mfootbg{ background-color:#eee; margin-bottom:50px; margin-top:15px;}
.mfootzx{ display:block; position:fixed; left:0; bottom:0; z-index:9999; width:100%; height:50px; background-color:#00aa3a; border-top:1px solid #fff;}
.mfootzx_1, .mfootzx_2{ float:left; width:50%;text-align:center; font-size:16px; color:#fff;height:50px; line-height:50px;}
.mfootzx_1{ border-right:1px solid #75c490; margin-left:-1px; text-align:center;}
.mfootzx_i{ display:inline-block; width:25px; height:25px; margin-right:8px; vertical-align:middle;  background:url(../images/icon.png) no-repeat;}
.mfootzx_i1{ background-position: -245px -355px;}
.mfootzx_i2{ background-position: -270px -355px;}
.itagBox ul li .martlist_a{ display:none;}

}

@media screen and (max-width:680px){
.lanren ul li, .team li{ min-width:180px; margin: 0px 1% 2% !important;}
.lanren ul li.m0, .team li.m0{  margin: 0px 1% 2% !important;}
.itagBox ul li{ min-width:47%;}
.grayov {height: 260px;}
.in_services dt, .in_services dd{ width:30%;}
}

@media screen and (max-width:420px){
.mt40{ margin-top:20px;}
.mb40{ margin-bottom:20px;}
.mb60{ margin-bottom:30px;}
.box, .headbox{ width:96%; padding:0 2%;}
.nav_serch{ display:none;}
/* .headtop{ height:35px;}
.headtop h1{ font-size:12px; line-height:35px;} */
.nav_t{ height:75px;}
.logo{ width:70%; height:69px; padding-top:6px;}
.logo img{ width:100%; margin-top:0}
.m_menu{ margin-top:28px;}
#m_menuul{ top:75px;}
.indexbanner{ height:203px;}
.indexShowBox, .bannerbox, .indexShowBox li img{ height:152px;}
.index_tip{ display:none;}
/*.itagBox{ height:960px;}*/
.itagBox ul li{ min-width:80%; margin:10px 10%;}
#tab{ margin:20px 0 50px;}
/*#tab .tab_menu{ top:45px;}*/
#tab .tab_menu li{ padding-left:15px;}
#tab .tab_box{ top:40px;height: 1560px; overflow: hidden;}
.tag_txt img{ width:auto; width:100%;}
.gray{ padding:10px 0 0;}
.grayov{ height:auto;}
.g_one{ width:100%;}
.g_one ul li{ width:80%; margin:6% 10% 0;}
.g_three{ width:100%; overflow:hidden;}
.g_three ul li{ width:80%; margin:6% 10% 0;}
.mhonner{ height:310px;}
.mhonner li{width:44.5%; min-width:44.5%; padding:5px 2.5% 0;}
.mhonner li p{ line-height:15px;}
.zxac{ margin:20px 0;}
.zxag h1{ font-size:22px;}
.zxag{ top:0; left:0; width:88%; height:auto; padding:3%; margin:4% 3%;}
.kjdhbox{ margin-top:20px;}
.kjdh{ width:100%;}
.kjdh ul{ padding-bottom:20px;}
.footer{ padding:20px 0;}
.footer .mb40{ margin-bottom:0;}
.in_zzt{ width:100%; padding-top:15px; border-top:1px solid #eee;}
.indexservice, .anquan, .quikpub{ display:none;}
/* 产品 */
.prod dl{ width:47%; margin:20px 0 0 2%;}
.prod dl dt{ width:100%; height:130px; }
/*about*/
.neinavtop{ height:150px;}
.neibanner{ padding-top:25px; height:50px;}
.neibannerbox h1{ font-size:22px;}
.neibannerbox h2{ display:none;}
.neiab_hj img{ max-width:96%;}
.neiab_me ul li{ width:49%;}
.neiab_hy{ padding:6% 4%;}
.neiabhy_1{ display:none;}
.neiabhy_2, .neiabhy_3{ width:96%; padding:2%;}
.neiab_hy h3{ padding-bottom:10px;}
.neiab_tel{ padding:30px 0 10px;}
.neiab_tel li{ width:100%; text-align:center; padding:0 0 20px;}
.neiab_tel li p{ line-height:24px;}
.lanren ul li{ min-width:48%;}
.lanren ul li img{ height:183px;}
.thumbpic{ display:none;}
#aPrev{ left:5px;}
#aNext{ right:5px;}
.articletit{ line-height:35px;}
.article{ padding:5%;}
.article img{ max-width:100%;}
.page span{ width:100%; float:left;}
.neiabbg p{ padding:30px 0 20px; font-size:26px;}
.teamh1{ line-height:30px; font-size:22px;}
.team li{ min-width:48%;}
.team li img{ height:183px;}
.teamdetailtop_l{ width:100%; padding:0;}
.teamdetailtop_l img{ max-width:100%;}
.news li{ width:46%; margin:2% 2% 0;}
.contact_top h1{ font-size:24px; line-height:35px}
.contact_top{ width:100%; height:auto;}
.contact_map{ width:99%; height:300px;}
.contact_wx dt{ line-height:30px; padding:20px 0 10px;}
#tab2 .tab_menu2 li{ margin:0 5px;}
.alitab_name{ width:25%;}
.alitab_bd{ width:75%; padding:0;}
.alitab_h{ width:100%; font-size:14px; font-weight:normal; line-height:24px;}
.alitab_btn{ margin:15px 0 15px;}
#tab2 .tab_box2{ margin-bottom:10px;}
.alih2{ margin:0 0 30px; font-size:18px; line-height:24px;}
.ali_h1{ font-size:16px; line-height:22px;}
.qywhnew{width:100%;}
.in_ry{ height:350px;}
.in_ry li{ width:48%; min-width:46%;}
.in_ry li a img{ max-width:100%;}
}

@media screen and (max-width:375px){
.zxag h1{ margin-bottom:10px;}
.kjdh ul{ padding:10px 0 15px;}
.in_zzt{ padding-top:10px;}
.in_zzt p{ padding-bottom:10px;}
.footer{ padding:10px 0;}
/*about*/
.lanren ul li{min-height: 205px;}
.lanren ul li img{ height:166px;}
.share span{ font-size:12px;}
.articletit{ font-size:18px;}
.articletime{ padding:15px 0 15px;}
.teamh1{ font-size:20px; padding:20px 0;}
.team li img{height: 166px;}
.news li{ width:100%; margin:2% 0 0; padding:10px 0 20px;}
#tab2 .tab_menu2 li{ margin:0 2px;}
.alitab_name{ width:30%;}
.alitab_bd{ width:68%;}
.nei_nav li a{ padding:0 14px;}

}

@media screen and (max-width:320px){
/* .headtop{ display:none;} */
#tab .tab_menu li {padding-left: 8px;}
.mhonner li{ min-width:130px; height:160px;}
.zxag h1{ font-size:20px;}
.zxag p{ line-height:26px;}
/*about*/
.nei_nav li a{ padding:0 8px;}
.lanren ul li{ width:100%; min-width:200px; text-align:center;}
.team li{width:100%; min-width:200px; text-align:center;}
.mhonner{ padding:15px 0; background-color:#fff;}

}